.{$imagePreview-prefix}
  position relative
  transition width .3s, height .3s
  overflow hidden
  .{$imagePreview-prefix}-index
    color $white-color
    text-shadow 0 0 10px $black-color
    font-size 18px
    position absolute
    top 10px
    right 20px
    z-index 2
  > .{$imagePreview-prefix}-image
    max-width 800px
    max-height 12000px
    display block
    transition .3s
  .{$imagePreview-prefix}-icon
    position absolute
    top 0
    bottom 0
    width 50%
    display flex
    flex-direction column
    justify-content center
    font-size 40px
    color $white-color
    text-shadow 0 0 10px $black-color
    opacity 0
    transition opacity $transition-time
    cursor pointer
    &:hover
      opacity 1
    &.{$imagePreview-prefix}-left-icon
      left 20px
      text-align left
    &.{$imagePreview-prefix}-right-icon
      right 20px
      text-align right
.{$imagePreview-prefix}-modal
  .{$notify-prefix}-container
    min-width auto
    .{$notify-prefix}-content
      padding 6px
